<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="main.css" />
    <script src="main.js"></script>
    
</head>
<body>
    <table border="1px" cellspacing="0" cellpadding="10px">
    <tr>
        <th colspan="2">菜单</th>
        <th rowspan="5">系列</th>
    </tr>
    <tr>    
        <th>菜名 </th>
        <th>菜价</th>
        
        
    </tr>
    <tr>    
            <td>白菜 </td>
            <td>3￥</td>
    </tr>
    <tr>    
            <td>青菜 </td>
            <td>3￥</td>
    </tr>
    <tr>    
            <td>芹菜 </td>
            <td>3￥</td>
    </tr>
    </table>

    
    
    <table  border="1px" cellspacing="0" cellpadding="10px" >
        <caption><h3 >课程计划表</h3></caption>
        <tr>
            <th rowspan="3">课表</th>
            <th colspan="5" > 上课</th>
            <th colspan="2">休息</th>
        </tr>
        <tr>
            <td>星期一</td>
            <td>星期二</td>
            <td>星期三</td>
            <td>星期四</td>
            <td>星期五</td>
            <td>星期六</td>
            <td>星期日</td>
        </tr>
        <tr>
            <td>计算机</td>
            <td>计算机</td>
            <td>计算机</td>
            <td>计算机</td>
            <td>计算机</td>
            <td>复习</td>
            <td>休息</td>
        </tr>
        
    </table>

</body>
</html>